<template>
    <CommonContainer title="担保人信息">
        <div>
            <div v-if="personal">
                <p class="subTitle">个人担保</p>
                <el-table
                    :data="personal"
                    :header-cell-style="{ background: '#FAFAFA', color: '#000000' }" border>
                    <el-table-column
                        align="center"
                        prop="name"
                        label="姓名"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="idNumber"
                        label="身份证号"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="contactPhoneNumber"
                        label="联系电话"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="contactAddress"
                        label="联系地址"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="relationshipWithCustomers"
                        label="与客户关系"
                        min-width="120">
                    </el-table-column>
                </el-table>
            </div>
            <div v-if="enterprise">
                <p class="subTitle">企业担保</p>
                <el-table
                    :data="enterprise"
                    :header-cell-style="{ background: '#FAFAFA', color: '#000000' }" border>
                    <el-table-column
                        align="center"
                        prop="name"
                        label="企业名称"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="idNumber"
                        label="统一社会信用代码"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="contactAddress"
                        label="联系地址"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="contacts"
                        label="联系人"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="contactPhoneNumber"
                        label="联系电话"
                        min-width="120">
                    </el-table-column>
                    <el-table-column
                        align="center"
                        prop="relationshipWithCustomers"
                        label="与客户关系"
                        min-width="120">
                    </el-table-column>
                </el-table>
            </div>
        </div>
    </CommonContainer>
</template>

<script>

export default {
    components: {},
    props: {
        personal:{
            type:Array,
            default:()=>{
                return []
            }
        },
        enterprise:{
            type:Array,
            default:()=>{
                return []
            }
        }
    },
    data() {
        // 这里存放数据
        return {}
    },
    computed: {},
    // 方法集合
    methods: {},
    // 生命周期 - 挂载完成（可以访问 DOM 元素）
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
.subTitle{
    font-size: 14px;
    font-weight: 500;
    color: #464646;
}
</style>
